<?php
header('content-type:text/html; charset=utf-8');

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="query/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
	$(function(){
		$('#a').click(function(){
			$('#img').attr('src','img.php')
		});
		});

</script>

<style>
		.message{width: 200px;margin: auto;}
		div{text-align: center;color: red;}
		.code *{vertical-align:middle;}
	</style>
	</head>
	<body>
		<?php if(!empty($mes)){ ?>
			<div><?php echo $mes; ?></div>
		<?php } ?>
		<form action="get.php" method="post">
			 <table border="1" align="center">
			  	<tr>
			  		<th colspan="2">登录</th>
			  	</tr>
			  	<tr>
			  		<td>登录名</td>
			  		<td>
			  			<input name="login" />	
			  		</td>
			  	</tr> 
			  	<tr>
			  		<td>密　码</td>
			  		<td>
			  			<input type=password name="password" />
			  		</td>
			  	</tr>
			  	<tr class="code">
			  		<td >验证码</td>
			  		<td>
			  			<input name="code" size="3"/>
			  			<img id="img" src="img.php"/>
			  			<a href="" id="a">换一张</a>
			  			
			  		</td>
			  	</tr>
			  	<tr>
			  		<td colspan="2" align="center">
			  			<button type="submit">登录</button>
			  		</td>
			  	</tr>
			  </table>
		</form>
	</body>
</html>